<template>
  <div class="aa">
  <van-grid>
  <van-grid-item :icon="require('@/assets/instructions3/1.jpg')" text="直行" />
  <van-grid-item :icon="require('@/assets/instructions3/2.jpg')" text="向左转弯" />
  <van-grid-item :icon="require('@/assets/instructions3/3.jpg')" text="向右转弯" />
  <van-grid-item :icon="require('@/assets/instructions3/4.jpg')" text="直行和向左转弯" />
  <van-grid-item :icon="require('@/assets/instructions3/5.jpg')" text="直行和向右转弯" />
  <van-grid-item :icon="require('@/assets/instructions3/6.jpg')" text="向左和向右转弯" />
  <van-grid-item :icon="require('@/assets/instructions3/7.jpg')" text="允许掉头" />
  <van-grid-item :icon="require('@/assets/instructions3/8.jpg')" text="靠左侧道路行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/9.jpg')" text="靠右侧道路行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/10.jpg')" text="立体交叉直行和左转弯行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/11.jpg')" text="立体交叉直行和右转弯行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/12.jpg')" text="环岛行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/13.jpg')" text="单行路(直行)" />
  <van-grid-item :icon="require('@/assets/instructions3/14.jpg')" text="单行路(向右)" />
  <van-grid-item :icon="require('@/assets/instructions3/15.jpg')" text="非机动车行驶" />
  <van-grid-item :icon="require('@/assets/instructions3/16.jpg')" text="机动车行驶" />
</van-grid>
  </div>
</template>
<style scoped>
.aa{
    margin-top: 35px;
}
</style>